<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<button id="btn">我是一个按钮</button>
<script type="text/javascript">

    /*
     * 浏览器已经为提供 文档节点 对象这个对象是window属性
     * 	可以在页面中直接使用，文档节点代表的是整个网页，相等于DOM树根节点
     */
    console.log(document); //object HTMLDocument

    //根据id属性获取到button对象节点
    var btn = document.getElementById("btn");
    console.log(btn);

    //使用button对象节点的属性innerHTML，直接修改按钮的文字
    btn.innerHTML = "I'm Button";

</script>
</body>
</html>
